import React from "react";
import image from "../../images/img4.jpg";
import "./index.css";
export default class Othermessage extends React.Component {
  state = {};
  render() {
    const { message, username } = this.props;
    const {} = this.state;
    return (
      <>
        <div className="msg-container-r">
          <img src={image} className="avart" />
          <div className="text-container-r">
            <div className="name-r">{username}</div>
            <div style={{ clear: "both" }}></div>
            <div className="message-r">{message}</div>
          </div>
          <div className="triangle-l"></div>
        </div>
      </>
    );
  }
}
